*{
	padding: 0;
	margin: 0;
}
body{
  	background: #0D1225;
}
div {
	display: flex;
}
/*左边点击滑动页面开始*/
/*8份div开始*/
.Sidebar{
	width: 100%;
	height: 100%;
	display: flex;
	position: fixed;
	z-index: 20;
	transform: translate(-200%);
	transition: all 0.5s;	
}
.Sidebar>.one{
	flex: 8;
	background:#22273B;
}
/*开始*/

.line{
	width: 80vw;
	height: 52vw;
	background: url(../img/beijin.jpg) no-repeat;
	position: fixed;
	z-index: 5;
}
.line_n{
	width: 80vw;
	height: 52vw;
}
.line_n img{
	width: 15vw;
	height: 15vw;
	border-radius: 50%;
	margin-top: 23vw;
	margin-left: 5vw;
}
.line_n .op{
	margin-top: 39vw;
	padding-right: 10vw;
	font-family: "微软雅黑";
	font-size: 3.3vw;
	color: white;
	width: 35vw;
	height: 5vw;
	font-weight: 800;
	position: relative;
	right: 15vw;
}
.line_n figure{
	width: 5vw;
	height: 5vw;
	background: url(../img/lvzuan.png) no-repeat;
	margin-top: 39.6vw;
	position: relative;
	right: 25vw;

}
.line_n .op1{
	margin-top: 45vw;
	font-family: "微软雅黑";
	font-size: 2vw;
	color: #ccc;
	width: 18vw;
	height: 5vw;
	position: absolute;
	left: 5vw;
}
.line_n .op2{
	margin-top: 45vw;
	font-family: "微软雅黑";
	font-size: 2vw;
	color: #ccc;
	width: 18vw;
	height: 5vw;
	position: absolute;
	left: 20vw;
}
.line_n .op3{
	margin-top: 45vw;
	font-family: "微软雅黑";
	font-size: 2vw;
	color: #ccc;
	width: 18vw;
	height: 5vw;
	position: absolute;
	left: 35vw;
}
.line_n .op4{
	margin-top: 45vw;
	font-family: "微软雅黑";
	font-size: 2vw;
	color: #ccc;
	width: 18vw;
	height: 5vw;
	position:absolute;
	left: 50vw;
}
/*结束*/

/*下图标*/
.xia1 h2{
	font-family: "微软雅黑";
	font-size: 3.5vw;
	color: white;
	position: absolute;
	z-index: 10;
	font-weight: 800;
	top: 55vw;
	left: 5vw;
}
.xia1 p{
	font-family: "微软雅黑";
	font-size: 2vw;
	color: #ccc;
	position: absolute;
	z-index: 10;
	top: 63vw;
	left: 5.5vw;
}
.xia1 h1{
	font-family: "微软雅黑";
	font-size: 3.5vw;
	color: white;
	position: absolute;
	z-index: 10;
	top: 68vw;
	left: 5.5vw;
}
.xia2 img{
	position: absolute;
	z-index: 10;
	top: 75vw;
	width: 10vw;
	height: 10vw;
	left: 5.5vw;
	border-radius: 2vw;
}
.xia2 p{
	position: absolute;
	z-index: 10;
	top: 76vw;
	color: white;
	font-family: "微软雅黑";
	font-size: 3vw;
	left: 17vw;
}
.xia2 span{
	position: absolute;
	z-index: 10;
	top: 82vw;
	color: #ccc;
	font-family: "微软雅黑";
	font-size: 2vw;
	left: 17vw;
}
.xia3 img{
	position: absolute;
	z-index: 10;
	top: 90vw;
	width: 10vw;
	height: 10vw;
	left: 5.5vw;
	border-radius: 2vw;
}
.xia3 p{
	position: absolute;
	z-index: 10;
	top: 90vw;
	color: white;
	font-family: "微软雅黑";
	font-size: 3vw;
	left: 17vw;
}
.xia3 span{
	position: absolute;
	z-index: 10;
	top: 95vw;
	color: #ccc;
	font-family: "微软雅黑";
	font-size: 2vw;
	left: 17vw;
}











/*下图标结束*/
/*8份div结束*/
/*2份div开始*/
.Sidebar>.two{
	flex: 2;
	background: black;
	opacity: 0.2;
}
/*2份div结束*/


/*左边点击滑动页面结束*/


/****************导航开始**************/
.top{
	width: 100%;
	height: 13vw;
	background: #0D1225;
	position: fixed;
	z-index: 2;
}
.top_nav h2{
	flex: 1;
	color: #fff;
	line-height: 4vw;
	font-weight: 900;
	font-size: 6vw;
	margin-right: 1vw;
	padding: 4.5vw 4vw;
}
.top_nav input{
	flex: 4;
	width: 58vw;
	height: 7.8vw;
	margin-top: 2.7vw;
	border: 0;
	background-color: #22273B;
	border-radius: 5vw;
	color: #fff;
	font-size: 3.5vw;
	text-align: center;
	outline-style: none;
	margin-right: 3vw;
}
.top_nav i{
	color: #fff;
	font-size: 6vw;
	cursor: pointer;
	padding: 4vw 6vw;
}

/*****下拉菜单开始*****/
.jin{
	display: none;
	overflow: hidden;
}
.jin ul{
	width: 100%;
	height: 20vw;
	position: absolute;
	z-index: 10;
	top: 15vw;
	list-style: none;
	overflow: hidden;
}
.jin ul li {
	width: 100%;
	height: 5vw;
	background-color: #22273B;
	text-align: center;
	line-height: 5vw;
}
.jin ul li a{
	color: white;
	font-family: "微软雅黑";
	font-size: 2vw;
}
section{
	width: 100%;
	padding-top: 15vw;
	padding-bottom: 30vw;
}
.jin a{
	color: white;
}
/*****下拉菜单结束*****/
/******************导航结束**************/
/*轮播图开始*/
.www img{
	border-radius: 5vw;
	padding: 2vw;
	position: relative;
	top: -2.4vw;
}
/*轮播结束*/
/*五个小标开始*/
.reader{
	width: 100%;
	height: 8vw;
	margin: 0 auto;
	text-align: center;
}
.reader i{
	height: 3vw;
	width: 10vw;
	font-size: 7vw;
	line-height: 8vw;
	color: #2FFDB3;
	cursor: pointer;
	margin-left: 8vw;
}
.neader{
	width: 100%;
	height: 4vw;
	margin: 0 auto;
	text-align: center;
}
.neader p{
	font-size: 2.8vw;
	color: white;
	margin-left: 10vw;
	cursor: pointer;
	font-family: "微软雅黑";
}
.neader .p{
	position: relative;
	left: 2.4vw;
}
.neader .f{
	position: relative;
	left: 2.4vw;
}
.neader .d{
	position: relative;
	left: 2vw;
}
.neader .y{
	position: relative;
	left: 2.4vw;
}
.neader p:hover{
	text-decoration: underline;
}
/*五个小标结束*/
/*两个图开始*/
.teader img{
	width: 45vw;
	height: 20vw;
	margin: 2vw;
}
.teader .tu1{
	position: relative;
	top: 3vw;
}
.teader .tu2{
	position: relative;
	top: 3vw;
}
/*两个图结束*/
/*官方小字开始*/
.year_left h2{
	font-family: "微软雅黑";
	font-size: 4vw;
	color: white;
	position: relative;
	top: 6vw;
	left: 4vw;
}
.year_right p{
	font-family: "微软雅黑";
	font-size: 3vw;
	position: relative;
	left: 68vw;
	top: 6vw;
	color: #B6B6BE;
}
.year_right span{
	font-family: "微软雅黑";
	font-size: 4.6vw;
	position: relative;
	left: 68vw;
	top: 4.5vw;
	color: #5B5E6F;
}
/*官方小字结束*/
/*9个图开始*/
/*第一个*/
.datu div{
	flex: 1;
}
.datu div img{
	width: 28vw;
	height: 27vw;
	border-radius: 5vw;
	position: relative;
	left: 2vw;
	top: 10vw;
}

.zi div{
	flex: 1;
}
.zi div p{
	width: 100%;
	height: 5vw;
	position: relative;
	top: 12vw;	
	color: white;
	font-family: "微软雅黑";
	font-size: 2.2vw;
	text-align: center;
}

/*第一个结束*/

/*第二个开始*/
.us div{
	flex: 1;
}
.us div img{
	width: 28vw;
	height: 27vw;
	border-radius: 5vw;
	position: relative;
	left: 2vw;
	top: 15vw;
}
.mei div{
	flex: 1;
}
.mei div p{
	width: 100%;
	height: 5vw;
	position: relative;
	top: 15vw;	
	color: white;
	font-family: "微软雅黑";
	font-size: 2.2vw;
	text-align: center;
}

/*第二个结束*/
/*第三个开始*/
.sang div{
	flex: 1;
}
.sang div img{
	width: 28vw;
	height: 27vw;
	border-radius: 5vw;
	position: relative;
	left: 2vw;
	top: 15vw;
}
.hao div{
	flex: 1;
}
.hao div p{
	width: 100%;
	height: 5vw;
	position: relative;
	top: 15vw;	
	color: white;
	font-family: "微软雅黑";
	font-size: 2.2vw;
	text-align: center;
}
/*第三个结束*/
/*9个图结束*/
/**********音乐播放开始***********/
.pou{
	background: #22273B;
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 12vw;
	
}
/*图片旋转*/
.pou .imgs>img{
	width: 8vw;
	height: 8vw;
	border-radius: 50%;
	margin: 2vw 2vw;
	cursor: pointer;
	position: relative;
	animation-name: imgtrsk;
	animation-duration: 30s;
	animation-iteration-count: infinite;
	animation-delay: 0s;
	animation-timing-function: linear;
}
@keyframes imgtrsk{
	from{
		transform-origin: center center;
		transform: rotate(0deg);
	}
	to{
		transform: rotate(360deg);
	}
}
/*旋转结束*/
.foot .o{
	color: white;
	font-family: "微软雅黑";
	font-size: 2vw;
	margin-top: 3vw;
}
.foot{
	display: block;
	cursor: pointer;
}
.foot .t{
	color: #ccc;
	font-family: "微软雅黑";
	font-size: 1vw;
	margin-top: 1.3vw;
	margin-right: 6vw;
}


.biao{
	display: block;
}
.biao img:nth-child(1){
	width: 7vw;
	height: 7vw;
	position: relative;
	left: 55vw;
	top: 2vw;
} 
.biao img:nth-child(2){
	width: 7vw;
	height: 7vw;
	position: relative;
	left: 58vw;
	top: 2vw;
} 
/*******************音乐播放结束*************/ 